---
layout: default
---

<!--添加侧边菜单-->
<!--<link rel="stylesheet" href="{{site.url}}/css/side-menu.css" />
 <style>
        .side-menu {
            width: 200px;
            top: 150px;
            right: 0;
        }
 </style>
<script type="text/javascript" src="{{site.url}}/js/jquery.min.js"></script>
<script type="text/javascript" src="{{site.url}}/js/jquery.side.menu.js"></script>
<script>
$(function () {
            $('#main').sideMenu({
                hs: ['h2']
            });
        });
</script>-->

{% if page.photo %}
<div class="post-photo" style="background-image: url('/images/posts/{{ page.photo }}')">

</div>
{% endif %}

<article>
  <h1 class="inner">
    {{ page.title }}
  </h1>

  <p class="meta">{{ page.date | date: "%A %-d %B %Y" }}</p>

  {% if page.french %}
  <div class="suggest-translate">
    This post is in French. You can try to
    <a href="http://translate.google.com/translate?sl=fr&amp;tl=en&amp;u=http://sebastien.saunier.me{{ page.url }}">
      google translate it</a>.
  </div>
  {% endif %}
  
  <div id="menu"></div>
  <div id="main" class="span9">
  <div class="post">
    {{ content }}
  </div>
  </div>
</article>

<section class="post-footer-self-promotion inner">

	<a href="https://twitter.com/intent/follow?screen_name=ssaunier" target="_blank">
	<img class="avatar" src="/images/YongYuan.png" />
	</a>
	
	<p>
	Thanks for reading! Do you want to keep up with what I do?
	<a href="http://weibo.com/u/2912262051">Follow me on weibo</a> or better,

	<form action="http://saunier.us8.list-manage.com/subscribe/post?u=3e666bd315f84f1bbdfe80c3b&amp;id=0494cf26c5" method="post"target="_blank">
	  <input type="email" class="form-control" name="EMAIL" placeholder="Enter your email address"
		><input type="submit" value="Subscribe to my newsletter" >
	  Fear not, I hate spam too.
	</form>
	
	</p>

	<div id="more-articles">
	  {% if has_res %}
		<p>Since you scrolled this far, you might as well take a look at some other things I wrote !</p>
		<ul>
		  {{ res }}
		</ul>
		<p>
		  ... or <a href="/blog">some other article</a> from my blog.
		  Oh and I also take <a href="/photos">pictures</a>!
		</p>
	  {% else %}
	  <p>
		If you liked this, feel free to <a href="/blog">browse other articles on my blog</a>.
	  </p>
	  {% endif %}
	</div>
  </div>
  
</section>

<div class="separator"></div>

<section class="comments inner">

<!-- Duoshuo Comment BEGIN -->
	<div class="ds-thread"></div>
<script type="text/javascript">
var duoshuoQuery = {short_name:"yuanyong"};
	(function() {
		var ds = document.createElement('script');
		ds.type = 'text/javascript';ds.async = true;
		ds.src = 'http://static.duoshuo.com/embed.js';
		ds.charset = 'UTF-8';
		(document.getElementsByTagName('head')[0] 
		|| document.getElementsByTagName('body')[0]).appendChild(ds);
	})();
	</script>
<!-- Duoshuo Comment END -->

<!-- Disqus Comment BEGIN -->
  <!--<div id="disqus_thread"></div>
    <script type="text/javascript">
        /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
        var disqus_shortname = 'yongyuan'; // required: replace example with your forum shortname

        /* * * DON'T EDIT BELOW THIS LINE * * */
        (function() {
            var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
            dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
            (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
        })();
    </script>
    <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
    <a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>-->
<!-- Disqus Comment END -->

</section>
